﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:vtex="http://www.vtex.com.br/2009/vtex-common"
      xmlns:vtex.cmc="http://www.vtex.com.br/2009/vtex-commerce">
    <head>
        <title>Roger´s Tênis</title>
        <vtex:metaTags/>
        <!-- CSS -->
        <vtex:template id="css" />
        <!-- JS -->
        <vtex:template id="js" />
        <style type="text/css">
		#marcas-carr li a{
			height:75px;
			width:130px;
			background-position:75 0;
			overflow:hidden;
		}
		</style>
        
    </head>
    <body>
<vtex.cmc:skuReference/>
        <!-- Barra Superior -->
        <vtex:template id="barra-carrinho" />
        <div id="page">
            <!-- ? -->
            <!--<vtex:contentPlaceHolder id="BannerPlatinum" />-->
            <!-- Header -->
            <vtex:template id="Header" />
            <!-- ? -->
            <vtex:template id="BannerHome" />
            <!-- Content -->
            <div id="content">
                <!-- INICIO - Coluna Esquerda -->
                <div id="tab-left">
                 <vtex:template id="barra-esquerda" />
                </div><!-- FIM - Coluna Esquerda -->

                <!-- INICIO - Coluna Direita -->
                <div id="right">
                    <div id="flash-cycle">
                    	<vtex:contentPlaceHolder id="home_bannerTopo" />
                    </div>
                    <div id="marcas-list">
                        <a href="#" id="seta-esq" class="prev browse left disabled"> </a>
                        <div id="marcas-up" class="viewport">
                            <ul id="marcas-carr" class="overview">
                            	<li id="adidas-01"><a href="/Adidas"><img src="/Control/ArquivoExibir.aspx?NomeArquivo=Adidas-01.jpg" /></a></li>
                                <li id="nike-01"><a href="/Nike"><img src="/Control/ArquivoExibir.aspx?NomeArquivo=Nike-01.jpg" /></a></li>
                                <li id="puma-01"><a href="/Puma"><img src="/Control/ArquivoExibir.aspx?NomeArquivo=Puma-01.jpg" /></a></li>
                                <li id="reebok-01"><a href="/Reebok"><img src="/Control/ArquivoExibir.aspx?NomeArquivo=Reebok-01.jpg" /></a></li>
                                <li id="mizuno-01"><a href="/Mizuno"><img src="/Control/ArquivoExibir.aspx?NomeArquivo=Mizuno-01.jpg" /></a></li>
                                <li id="babolat-01"><a href="/Babolat"><img src="/Control/ArquivoExibir.aspx?NomeArquivo=Babolat-01.jpg" /></a></li>
                                <li id="head-01"><a href="/Head"></a><img src="/Control/ArquivoExibir.aspx?NomeArquivo=Head-01.jpg" /></li>
                                <li id="dc-shoes-01"><a href="/DC-Shoes"><img src="/Control/ArquivoExibir.aspx?NomeArquivo=DC-01.jpg" /></a></li>
                                <li id="dc-kenblock-01"><a href="/DC-Ken-Block"><img src="/Control/ArquivoExibir.aspx?NomeArquivo=DC-KenBlock-01.jpg" /></a></li>
                                <li id="crocs-01"><a href="/Crocs"><img src="/Control/ArquivoExibir.aspx?NomeArquivo=Crocs-01.jpg" /></a></li>
                                <li id="quiksilver-01"><a href="/Quiksilver"><img src="/Control/ArquivoExibir.aspx?NomeArquivo=Quiksilver-01.jpg" /></a></li>
                                <li id="ripcurl-01"><a href="/Rip-Curl"><img src="/Control/ArquivoExibir.aspx?NomeArquivo=Ripcurl-01.jpg" /></a></li>
                            </ul>
                        </div>
                        <a href="#" id="seta-dir" class="next browse right"> </a>
                    </div>
                    <div id="destaque">
                        <div class="cat">
                            <img alt="" title="" src="/Control/ArquivoExibir.aspx?NomeArquivo=destaques.jpg" />
                            <a href="/destaques/"><img alt="" title="" src="/Control/ArquivoExibir.aspx?NomeArquivo=confira_mais.jpg" /></a>
                        </div>
                        <div class="produtos">
<vtex:contentPlaceHolder id="destaque_linha1" />
<vtex:contentPlaceHolder id="destaque_linha2" /><vtex:contentPlaceHolder id="destaque_linha3" />
                            <vtex:contentPlaceHolder id="ColecaoEspeciais" />
                        </div>
                        
                        <div class="cat" style="display:none">
                            <img alt="" title="" src="/Control/ArquivoExibir.aspx?NomeArquivo=mais-vendidos.jpg" />
                            <a href="/comprados/"><img alt="" title="" src="/Control/ArquivoExibir.aspx?NomeArquivo=confira_mais.jpg" /></a>
                        </div>
                        <div class="produtos">
                            <vtex:contentPlaceHolder id="colecao_lancamentos" />
                        </div>
                    </div>
                    <div id="banners">
                        <img alt="" title="" src="/Control/ArquivoExibir.aspx?NomeArquivo=lojas.jpg" class="cat" />
                        <div class="box"><vtex:contentPlaceHolder id="esquerda_01" /></div>
                        <div class="box"><vtex:contentPlaceHolder id="esquerda_02" /></div>
                        <div class="box"><vtex:contentPlaceHolder id="esquerda_04" /></div>
                    </div>
                </div>
            </div>
            <!-- Footer -->
            <vtex:template id="Footer" />
        </div>
    </body>
</html>